@media all and (max-width:640px){

/* 手机版顶部 */
.main{ max-width:640px; width:100%;}
.toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;}
header{	
	height:50px;
	line-height: 50px;
	text-align: center;
    background-color: #fff;
	box-shadow: 0px 1px 5px #9c8e93; margin-bottom:5px;
}
.cd-logo {
    position: absolute;
    top: 8px;
    left: 10px;
}
.search_open {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/wap_sea.png) no-repeat;
    position: absolute;
    right:60px;
    top:10px;
    background-size: auto 25px;
    background-position: center center;
}
.menu_open {
    display: block;
    width: 30px;
    height: 30px;
	background: url(../images/wap_menu.png) no-repeat;
	position: absolute;
	right:10px;
	top:10px;
}
.menu_close{ display: none; background: url(../images/ico-cha.png) no-repeat; background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;}
.toubuge{ width:100%; height:50px;}
#top{ width:100%;  overflow:hidden; display:block;  position:absolute; top:50px; z-index:100; background-color:#f2f2f2;padding: 10px; box-sizing:border-box;}
input.button1 {
	border-radius: 5px;
	line-height: 23px;
	height: 33px;
	width: 70%;
	padding: 0 5px 0 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:3%;
	font-size:12px;
	z-index: 1001;
}
input.button2 {
	text-shadow: black 0 1px 0;
	border: 1px solid;
	border-color: #EEE #CCC #CCC #EEE;
	color: #666;
	font-weight: bold;
	width: 22%;
	border-radius: 5px;
	padding: 3px;
	height: 35px;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #FFF /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f8f8f8 /*{a-bar-background-start}*/), to( #eaeaea /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/);
	font-size:12px;
	z-index: 1001;
	float:right;
}
.msk {display: none; position: fixed; width: 100%; height: 100%;  top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; }
.menu { position: fixed; width: 200px; height: 100%; top: 50px; right:-200px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;}
.menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;}
.menu .menu-li{border-bottom: 1px solid #222;}
.menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;}
.menu .twoul{ display: none;}
.menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;}
.menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;}
.mshouyeico{ background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;}
.menuico_right{ background: url(../images/shl-down-open.png) no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
.menuico_down{ background: url(../images/shl-down-open1.png) no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
.menuico_up{ background: url(../images/shl-down-open2.png) no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}



/* 手机版底部 */
.tbottom{ display:block; height:70px; clear:both;}
.bottomNav {display:block;
    width:100%;
	height:70px;
	position:fixed;
	bottom:0;}
.bottomNav_item {
    width:20%;
	height:70px; border-top:1px solid #d8d8d8;
	float:left; color:#333;
	text-align:center; background:#fff;
}
.bottomNav_icon {
	margin:auto;
	width:30px;
	height:30px; margin-top:11px;
}
.bottomNav_icon img {
	width:100%;
	height:100%;
}
.bottomNav_item p { margin-top:3px; font-size:0.85rem;}
.inital_color { color:#629695;}

}